
<style>
    .profile-avatar-container {
        position:relative;
        width:100px;
    }
    .profile-avatar-container .profile-user-img{
        width:100px;
        height:100px;
    }
    .profile-avatar-container .profile-avatar-text {
        display:none;
    }
    .profile-avatar-container:hover .profile-avatar-text {
        display:block;
        position:absolute;
        height:100px;
        width:100px;
        background:#444;
        opacity: .6;
        color: #fff;
        top:0;
        left:0;
        line-height: 100px;
        text-align: center;
    }
    .profile-avatar-container button{
        position:absolute;
        top:0;left:0;width:100px;height:100px;opacity: 0;
    }
</style>
     <link rel="stylesheet" href="__CDN__/assets/zp_info/bootstrap.min.css">
     <script src="__CDN__/assets/zp_info/jquery.min.js"></script>
     <script src="__CDN__/assets/zp_info/bootstrap.min.js"></script>
     <script src="__CDN__/assets/zp_info/RegScript.js"></script>
<div id="content-container" class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-body">
			    	<img style="cursor:pointer;width:100%;height:80px" onclick="window.location=&#39; http://{$ad_row.ad_url}  &#39;" src="__CDN__/{$ad_row.ad_img}" alt="{$ad_row.ad_title}">
                    <h2 class="page-header">{$rec_row.recruit_title}</h2>
                    <form id="myForm" class="form-horizontal" role="form" method="POST" action="{:url('apply_save')}">
                        <input type="hidden" name="recruit_id" value="{$rec_row.recruit_id}" />
                        <input type="hidden" name="apply_id" value="{$apply_row.apply_id}" />
                        {:token()}
                        <input type="hidden" name="apply_avatar" id="avatar" value="{eq name='apply_row.apply_avatar'}{$user.avatar}{else/}{$apply_row.apply_avatar}{/eq}" />
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-5"></label>
                            <div class="col-xs-12 col-sm-4">
                                <div class="profile-avatar-container">
                                    <img class="profile-user-img img-responsive plupload" height=120 src="__CDN__/{$user.avatar}" alt="">
                                    <div class="profile-avatar-text img-circle">点击编辑</div>
                                    <button id="plupload-avatar" class="plupload" data-mimetype="png,jpg,jpeg,gif" data-input-id="c-avatar"><i class="fa fa-upload"></i> Upload</button>
                                </div>
                            </div>
                        </div>
                       <p class="text-muted text-center">请上传个人证件照(一寸或二寸免冠照)</p>
                        <div class="form-horizontal">
                            <!--报名后跳转-->
                            <h4>基本信息</h4>
                            <br>
                            <div class="form-group">
                            	<label for="inputPassword3" class="col-sm-3 control-label">* 报考岗位</label>
                             	<div class="col-sm-7">
                                	<select name="recruit_post_id" id="info20" class="form-control" date-col="报考岗位" date-tips="请选择报考岗位" verify="select">
										<option value="">请选择</option>
										{volist name='post_list' id='post'}
											<option {eq name='apply_row.recruit_post_id' value='$post.post_id'}selected{/eq} value="{$post.post_id}">{$post.post_name}</option>
										{/volist}
									</select>
                              	</div>
                          	</div>
                          	{volist name='column_list' id='column'}
                         		<div class="form-group">
	                            	<label class="col-sm-3 control-label">{eq name='column.is_required' value='yes'}*{/eq} {$column.column_name_cn}</label>
	                                <div class="col-sm-7">
                       					{eq name='column.column_type' value='text'}
                                   			<input name="{$column.column_name}" type="text" value="{$apply_row[$column['column_name']]}" class="form-control" date-col="{$column.column_name_cn}" 
                                   			{eq name='column.is_required' value='yes'}verify="text"{/eq} placeholder="{$column.column_placeholder}" date-tips="请填写{$column.column_name_cn}">
                       					{/eq}
                       					{eq name='column.column_type' value='select'}
	                                    	<select name="{$column.column_name}"  class="form-control" date-col="{$column.column_name_cn}" date-tips="请选择{$column.column_name_cn}" 
	                                    	{eq name='column.is_required' value='yes'}verify="select"{/eq} >
												<option value="">请选择</option>
												{volist name='column.column_options' id='option'}
												<option {eq name='apply_row[$column[column_name]]' value='$option'}selected{/eq} value="{$option}">{$option}</option>
												{/volist}
											</select>
	                           			{/eq}
                         			</div>
	                            </div>
                          	{/volist}
                          	<script src="__CDN__/assets/zp_info/card.js"></script>
                            <script>$("#info4").blur(function (event) {
                                var idCard = $(this).val();

                                var checkFlag = new clsIDCard(idCard);
                                if (!checkFlag.IsValid()) {
                                    alert("身份证错误");
                                    $(this).val("");
                                    return false;
                                } else {
                                    //alert("出生于: " + checkFlag.GetBirthDate() + " 地区:" + checkFlag.GetLocal() + " sex:" + checkFlag.GetSex());
                                   /*  $("#info1").val(checkFlag.GetSex()); */
                                    $("#info2").val(checkFlag.GetBirthDate());
                                    /* $("#info3").val(checkFlag.GetAge()); */
                                }
                            });
                            </script>
                          	
                          	
                            
                            
							
                            
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-3 control-label"></label>
                                <div class="col-sm-7">
                                    <p style="font-size: 14px; line-height: 1.5em;">带 * 号为必填项，请您仔细检查各项目是否已经填写完整。如未填写，则无法成功报名。</p>
                                    <p style="font-size: 14px; line-height: 1.5em;"><input name='agree' value='' type="checkbox" id='agree' verify='check' date-tips="请勾选同意XX协议" >同意我公司XX协议</p>
                                    <script>
                                    	$('#agree').change(function(){
                                    		if(this.checked){
                                    			$(this).val(1);
                                    		}else{
                                    			$(this).val('');
                                    		}
                                    	})
                                    </script>
                                    <button type="button" class="btn btn-success btn-primary btn-lg" a_url="{:url('apply_save')}" i_rul="{:url('user/apply')}" id='submit'>完成并提交</button>
                                </div>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .form-layer {height:100%;min-height:150px;min-width:300px;}
    .form-body {
        width:100%;
        overflow:auto;
        top:0;
        position:absolute;
        z-index:10;
        bottom:50px;
        padding:15px;
    }
    .form-layer .form-footer {
        height:50px;
        line-height:50px;
        background-color: #ecf0f1;
        width:100%;
        position:absolute;
        z-index:200;
        bottom:0;
        margin:0;
    }
    .form-footer .form-group{
        margin-left:0;
        margin-right:0;
    }
</style>

        <footer class="footer" style="clear:both">
            <!-- 华杰人力是开源程序，建议在您的网站底部保留一个华杰人力的链接 -->
            <p class="copyright">Copyright&nbsp;©&nbsp;2017-2018 Powered by <a href="http://www.huajierenli.com" target="_blank">华杰人力</a> All Rights Reserved 华杰政企招聘 版权所有 <a href="https://www.miibeian.gov.cn" target="_blank"></a> <a href="/hs_recruit/public/index.php/admin/index/index.html" target="_blank">登陆后台</a></p>
        </footer>


    </body>

</html>
 
